import createId from '../../../lib/createId'

let app = getApp()
Component({
  properties: {
    tags: {
      type: Array,
      value: []
    }
  },
  data: {
    isActive: false,
    hidden: true,
    inputValue: ''
  },
  methods: {
    toggle(e) {
      const {
        index
      } = e.currentTarget.dataset
      this.triggerEvent('updateValue', {
        index
      })
    },
    createTag() {
      this.setData({
        hidden: !this.data.hidden
      })
    },
    bindKeyInput(e) {
      const {
        value
      } = e.detail
      this.setData({
        inputValue: value
      })
    },
    modalConfirm() {
      const {
        inputValue
      } = this.data
      if (!inputValue) {
        return '';
      }
      let {
        tags
      } = app.data
      const names = tags.map(item => item.name)
      if (names.indexOf(inputValue) >= 0) {
        wx.showModal({
          title: '提示',
          content: '标签名重复',
          showCancel: false
        })
        return;
      }
      tags.push({
        id: createId(),
        name: inputValue
      })
      wx.setStorageSync('tags', tags);
      this.setData({
        tags,
        hidden: !this.data.hidden
      })
    },
    modalCancel() {
      this.setData({
        hidden: !this.data.hidden
      })
    },
  }
})